<!doctype html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en-US">
	<!--<![endif]-->

	<head>
		<!-- META TAGS -->
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<title>人人为我，我为人人</title>

		<link rel="shortcut icon" href="images/favicon.png" />

		<!-- Style Sheet-->
		<link rel="stylesheet" href="style.css" />
		<link rel='stylesheet' id='bootstrap-css-css' href='css/bootstrap5152.css?ver=1.0' type='text/css' media='all' />
		<link rel='stylesheet' id='responsive-css-css' href='css/responsive5152.css?ver=1.0' type='text/css' media='all' />
		<link rel='stylesheet' id='pretty-photo-css-css' href='js/prettyphoto/prettyPhotoaeb9.css?ver=3.1.4' type='text/css' media='all' />
		<link rel='stylesheet' id='main-css-css' href='css/main5152.css?ver=1.0' type='text/css' media='all' />
		<link rel='stylesheet' id='custom-css-css' href='css/custom5152.html?ver=1.0' type='text/css' media='all' />

		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
                <script src="js/html5.js"></script></script>
                <![endif]-->

	</head>

	<body>

		<!-- Start of Header -->
		<div class="header-wrapper">
			<header>
				<div class="container">

					<div class="logo-container">
						<!-- Website Logo -->
						<!-- Website Logo -->
						<a href="index-2.html" title="解惑,是我们的乐趣!">
							<!--<img src="images/logo.png" alt="Knowledge Base Theme">-->
							<h3 style="display: inline;color: #FFFFFF; line-height: 20px;">知之</h3>
						</a>
						<span class="tag-line">知之为知之,不知为不知,是知也。</span>
					</div>

					<!-- Start of Main Navigation -->
					<nav class="main-nav">
						<div class="menu-top-menu-container">
							<ul id="menu-top-menu" class="clearfix">
								<li>
									<a href="index-2.html">首页</a>
								</li>
								<li>
									<a href="home-categories-description.html">百科</a>
								</li>
								<li>
									<a href="home-categories-articles.html">Java基础</a>
								</li>
								<li>
									<a href="articles-list.html">数据库</a>
								</li>
								<li>
									<a href="faq.html">FAQs</a>
								</li>
								<li>
									<a href="#">皮肤</a>
									<ul class="sub-menu">
										<li>
											<a href="blue-skin.html">Blue Skin</a>
										</li>
										<li>
											<a href="green-skin.html">Green Skin</a>
										</li>
										<li>
											<a href="red-skin.html">Red Skin</a>
										</li>
										<li>
											<a href="index-2.html">Default Skin</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#">更多精彩</a>
									<ul class="sub-menu">
										<li>
											<a href="full-width.html">Full Width</a>
										</li>
										<li>
											<a href="elements.html">Elements</a>
										</li>
										<li>
											<a href="page.html">Sample Page</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="contact.html">联系我们</a>
								</li>
							</ul>
						</div>
					</nav>
					<!-- End of Main Navigation -->

				</div>
			</header>
		</div>
		<!-- End of Header -->

		<!-- Start of Search Wrapper -->
		<div class="search-area-wrapper">
			<div class="search-area container">
				<h3 class="search-header">解惑,我们是专业的!</h3>
                                <p class="search-tag-line">请输入要查询的问题!</p>

                                <form id="search-form" class="search-form clearfix" method="get" action="#" autocomplete="off">
                                        <input class="search-term required" list="dl" type="text" id="s" name="s" placeholder="请输入..." title="* Please enter a search term!" />
                                        <datalist id="dl">
                                        	<option value="java多继承" label="java"></option>
                                        	<option value="java线程" label="java"></option>
                                        	<option value="java序列化" label="java"></option>
                                        	<option value="HTML5" label="前端"></option>
                                        </datalist>
                                        <input class="search-btn" type="submit" value="嗖一下" />
                                        <div id="search-error-container"></div>
                                </form>
			</div>
		</div>
		<!-- End of Search Wrapper -->

		<!-- Start of Page Container -->
		<div class="page-container">
			<div class="container">
				<div class="row">

					<!-- start of page content -->
					<div class="span8 page-content">

						<!-- Basic Home Page Template -->
						<div class="row separator">
							<section class="span4 articles-list">
								<h3>Featured Articles</h3>
								<ul class="articles">
									<li class="article-entry standard">
										<h4><a href="single.html">Integrating WordPress with Your Website</a></h4>
										<span class="article-meta">25 Feb, 2013 in <a href="#" title="View all posts in Server &amp; Database">Server &amp; Database</a></span>
										<span class="like-count">66</span>
									</li>
									<li class="article-entry standard">
										<h4><a href="single.html">WordPress Site Maintenance</a></h4>
										<span class="article-meta">24 Feb, 2013 in <a href="#" title="View all posts in Website Dev">Website Dev</a></span>
										<span class="like-count">15</span>
									</li>
									<li class="article-entry video">
										<h4><a href="single.html">Meta Tags in WordPress</a></h4>
										<span class="article-meta">23 Feb, 2013 in <a href="#" title="View all posts in Website Dev">Website Dev</a></span>
										<span class="like-count">8</span>
									</li>
									<li class="article-entry image">
										<h4><a href="single.html">WordPress in Your Language</a></h4>
										<span class="article-meta">22 Feb, 2013 in <a href="#" title="View all posts in Advanced Techniques">Advanced Techniques</a></span>
										<span class="like-count">6</span>
									</li>
									<li class="article-entry standard">
										<h4><a href="single.html">Know Your Sources</a></h4>
										<span class="article-meta">22 Feb, 2013 in <a href="#" title="View all posts in Website Dev">Website Dev</a></span>
										<span class="like-count">2</span>
									</li>
									<li class="article-entry standard">
										<h4><a href="single.html">Validating a Website</a></h4>
										<span class="article-meta">21 Feb, 2013 in <a href="#" title="View all posts in Website Dev">Website Dev</a></span>
										<span class="like-count">3</span>
									</li>
								</ul>
							</section>

							<section class="span4 articles-list">
								<h3>Latest Articles</h3>
								<ul class="articles">
									<li class="article-entry standard">
										<h4><a href="single.html">Integrating WordPress with Your Website</a></h4>
										<span class="article-meta">25 Feb, 2013 in <a href="#" title="View all posts in Server &amp; Database">Server &amp; Database</a></span>
										<span class="like-count">66</span>
									</li>
									<li class="article-entry standard">
										<h4><a href="single.html">Using Javascript</a></h4>
										<span class="article-meta">25 Feb, 2013 in <a href="#" title="View all posts in Advanced Techniques">Advanced Techniques</a></span>
										<span class="like-count">18</span>
									</li>
									<li class="article-entry image">
										<h4><a href="single.html">Using Images</a></h4>
										<span class="article-meta">25 Feb, 2013 in <a href="#" title="View all posts in Designing in WordPress">Designing in WordPress</a></span>
										<span class="like-count">7</span>
									</li>
									<li class="article-entry video">
										<h4><a href="single.html">Using Video</a></h4>
										<span class="article-meta">24 Feb, 2013 in <a href="#" title="View all posts in WordPress Plugins">WordPress Plugins</a></span>
										<span class="like-count">7</span>
									</li>
									<li class="article-entry standard">
										<h4><a href="single.html">WordPress Site Maintenance</a></h4>
										<span class="article-meta">24 Feb, 2013 in <a href="#" title="View all posts in Website Dev">Website Dev</a></span>
										<span class="like-count">15</span>
									</li>
									<li class="article-entry standard">
										<h4><a href="single.html">WordPress CSS Information and Techniques</a></h4>
										<span class="article-meta">24 Feb, 2013 in <a href="#" title="View all posts in Theme Development">Theme Development</a></span>
										<span class="like-count">1</span>
									</li>
								</ul>
							</section>
						</div>
					</div>
					<!-- end of page content -->

					<!-- start of sidebar -->
					<aside class="span4 page-sidebar">

						<section class="widget">
							<div class="support-widget">
								<h3 class="title">Support</h3>
								<p class="intro">Need more support? If you did not found an answer, contact us for further help.</p>
							</div>
						</section>

						<section class="widget">
							<div class="quick-links-widget">
								<h3 class="title">Quick Links</h3>
								<ul id="menu-quick-links" class="menu clearfix">
									<li>
										<a href="index-2.html">Home</a>
									</li>
									<li>
										<a href="articles-list.html">Articles List</a>
									</li>
									<li>
										<a href="faq.html">FAQs</a>
									</li>
									<li>
										<a href="contact.html">Contact</a>
									</li>
								</ul>
							</div>
						</section>

						<section class="widget">
							<h3 class="title">Tags</h3>
							<div class="tagcloud">
								<a href="#" class="btn btn-mini">basic</a>
								<a href="#" class="btn btn-mini">beginner</a>
								<a href="#" class="btn btn-mini">blogging</a>
								<a href="#" class="btn btn-mini">colour</a>
								<a href="#" class="btn btn-mini">css</a>
								<a href="#" class="btn btn-mini">date</a>
								<a href="#" class="btn btn-mini">design</a>
								<a href="#" class="btn btn-mini">files</a>
								<a href="#" class="btn btn-mini">format</a>
								<a href="#" class="btn btn-mini">header</a>
								<a href="#" class="btn btn-mini">images</a>
								<a href="#" class="btn btn-mini">plugins</a>
								<a href="#" class="btn btn-mini">setting</a>
								<a href="#" class="btn btn-mini">templates</a>
								<a href="#" class="btn btn-mini">theme</a>
								<a href="#" class="btn btn-mini">time</a>
								<a href="#" class="btn btn-mini">videos</a>
								<a href="#" class="btn btn-mini">website</a>
								<a href="#" class="btn btn-mini">wordpress</a>
							</div>
						</section>

					</aside>
					<!-- end of sidebar -->
				</div>
			</div>
		</div>
		<!-- End of Page Container -->

		<!-- Start of Footer -->
		<footer id="footer-wrapper">
			<div id="footer" class="container">
				<div class="row">

					<div class="span3">
						<section class="widget">
							<h3 class="title">How it works</h3>
							<div class="textwidget">
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
								<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
							</div>
						</section>
					</div>

					<div class="span3">
						<section class="widget">
							<h3 class="title">Categories</h3>
							<ul>
								<li>
									<a href="#" title="Lorem ipsum dolor sit amet,">Advanced Techniques</a>
								</li>
								<li>
									<a href="#" title="Lorem ipsum dolor sit amet,">Designing in WordPress</a>
								</li>
								<li>
									<a href="#" title="Lorem ipsum dolor sit amet,">Server &amp; Database</a>
								</li>
								<li>
									<a href="#" title="Lorem ipsum dolor sit amet, ">Theme Development</a>
								</li>
								<li>
									<a href="#" title="Lorem ipsum dolor sit amet,">Website Dev</a>
								</li>
								<li>
									<a href="#" title="Lorem ipsum dolor sit amet,">WordPress for Beginners</a>
								</li>
								<li>
									<a href="#" title="Lorem ipsum dolor sit amet, ">WordPress Plugins</a>
								</li>
							</ul>
						</section>
					</div>

					<div class="span3">
						<section class="widget">
							<h3 class="title">Latest Tweets</h3>
							<div id="twitter_update_list">
								<ul>
									<li>No Tweets loaded !</li>
								</ul>
							</div>
							<script src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js" type="text/javascript"></script>
							<script type="text/javascript">
								getTwitters("twitter_update_list", {
									id: "960development",
									count: 3,
									enableLinks: true,
									ignoreReplies: true,
									clearContents: true,
									template: "%text% <span>%time%</span>"
								});
							</script>
						</section>
					</div>

					<div class="span3">
						<section class="widget">
							<h3 class="title">Flickr Photos</h3>
							<div class="flickr-photos" id="basicuse">
							</div>
						</section>
					</div>

				</div>
			</div>
			<!-- end of #footer -->

			<!-- Footer Bottom -->
			<div id="footer-bottom-wrapper">
				<div id="footer-bottom" class="container">
					<div class="row">
						<div class="span6">
							<p class="copyright">
								Copyright © 2013. All Rights Reserved by KnowledgeBase.Collect from
								<a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
							</p>
						</div>
						<div class="span6">
							<!-- Social Navigation -->
							<ul class="social-nav clearfix">
								<li class="linkedin">
									<a target="_blank" href="#"></a>
								</li>
								<li class="stumble">
									<a target="_blank" href="#"></a>
								</li>
								<li class="google">
									<a target="_blank" href="#"></a>
								</li>
								<li class="deviantart">
									<a target="_blank" href="#"></a>
								</li>
								<li class="flickr">
									<a target="_blank" href="#"></a>
								</li>
								<li class="skype">
									<a target="_blank" href="skype:#?call"></a>
								</li>
								<li class="rss">
									<a target="_blank" href="#"></a>
								</li>
								<li class="twitter">
									<a target="_blank" href="#"></a>
								</li>
								<li class="facebook">
									<a target="_blank" href="#"></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- End of Footer Bottom -->

		</footer>
		<!-- End of Footer -->

		<a href="#top" id="scroll-top"></a>

		<!-- script -->
		<script type='text/javascript' src='js/jquery-1.8.3.min.js'></script>
		<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
		<script type='text/javascript' src='js/prettyphoto/jquery.prettyPhoto.js'></script>
		<script type='text/javascript' src='js/jflickrfeed.js'></script>
		<script type='text/javascript' src='js/jquery.liveSearch.js'></script>
		<script type='text/javascript' src='js/jquery.form.js'></script>
		<script type='text/javascript' src='js/jquery.validate.min.js'></script>
		<script type='text/javascript' src='js/custom.js'></script>

	</body>

</html>